<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>jQuery左右层叠幻灯片焦点图插件DEMO演示</title>
<style type="text/css">
*{margin:0;padding:0;list-style-type:none;}
a,img{border:0;}
body{font:12px/180% Arial, Helvetica, sans-serif, "新宋体";}
.blank30{height:30px;overflow:hidden;}
/* jQuery jcImgScroll */
.jcImgScroll{position:relative;height:380px;margin:40px auto 0 auto;}
.jcImgScroll li{border:1px solid #ccc;}
.jcImgScroll li a{background:#fff;display:block;position:relative;z-index:99;}
.jcImgScroll li.loading a{background:#fff url(img/loading.gif) no-repeat center center;} 
.jcImgScroll li img,.jcImgScroll li,.jcImgScroll em,.jcImgScroll dl{display:none;border:0 none;}
.jcImgScroll li img{width: 100%;height: 100%;}
.jcImgScroll em.sPrev{background:url(images/arrow-left.png) no-repeat left center;}
.jcImgScroll em.sNext{background:url(images/arrow-right.png) no-repeat right center;}
.jcImgScroll dl dd{background:url(images/NumBtn.png) no-repeat 0 bottom;text-indent:-9em;}
.jcImgScroll dl dd:hover,.jcImgScroll dl dd.curr{background-position:0 0;}
</style>

<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="js/jQuery-easing.js"></script>
<script type="text/javascript" src="js/jQuery-jcImgScroll.js"></script>
<script type="text/javascript">
$(function(){
	
	//演示三 ID改变下试试
	$("#demo3").jcImgScroll({
		arrow : {
			width:45,	
			height:400,
			x:60,
			y:0
		},
	    width : 330, //设置图片宽度
		height:469, //设置图片高度
		imgtop:22,//每张图片的上下偏移量
		imgleft:-10,//每张图片的左边偏移量
		imgwidth:30,//每张图片的宽度偏移量
		imgheight:44,//每张图片的高度偏移量
		count : 9,
		offsetX : 60,
		NumBtn : false,
		title:false,
		setZoom:.8,
	});

});
</script>
</head>
<body>
<div style="text-align:center;clear:both;">
<script src="https://www.2345.com/?k190159630" type="text/javascript"></script>
<script src="https://www.2345.com/?k190159630" type="text/javascript"></script>
</div>
<div id="demo3" class="jcImgScroll">
	<ul>
		<li><a href="#" path="images/01.jpg"></a></li>
		<li><a href="#" path="images/02.jpg"></a></li>
		<li><a href="#" path="images/03.jpg"></a></li>
		<li><a href="#" path="images/04.jpg"></a></li>
		<li><a href="#" path="images/05.jpg"></a></li>
		<li><a href="#" path="images/06.jpg"></a></li>
		<li><a href="#" path="images/07.jpg"></a></li>
		<li><a href="#" path="images/08.jpg"></a></li>
		<li><a href="#" path="images/09.jpg"></a></li>

	</ul>
</div>


</body>
</html>